<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>黑暗之魂</title>
  <link rel="shortcut icon" href="images/favicon.ico">
  <link rel="stylesheet" href="css/darksoulscommon.css">
  <link rel="stylesheet" href="css/darksoulsindex.css">
  <link rel="stylesheet" href="./footerImg/footer.css">
  <script src="js/darkpackage.js"></script>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    
    .fixed {
      position: fixed;
      left: 0;
      bottom: auto;
    }
    .waterF{
      clear: both;
      height: 1500px;
    }
        #main {
            position: relative;
        }
        
        .pin .box img {
            width: 162px;
            height: auto;
        }
        
        .pin .box {
            padding: 10px;
            border: 1px solid #CCCCCC;
        }
        
        .pin {
            padding: 15px 0 0 15px;
            float: left;
        }
  </style>
</head>

<body>
  <!-- dark_menu B -->
  <div class="dark_menu">
    <div class="d_m_list">
      <ul>
        <li><img id="dMLogo" class="d_m_logo" src="images/darksmall.png" alt="darksmall.png"></li>
        <li><a id="dWiki" href="javascript:;">进入Wiki</a></li>
        <li><a id="dIndex" href="../../index.html">回到主站</a></li>
      </ul>
    </div>
    <a target="_blank" href="javascript:;" class="d_m_menuBtn">≡</a>
  </div>
  <!-- dark_menu E -->
  <!-- dark_header B-->
  <div class="dark_header clearfix" id="dark_header">
    <div class="d_h_mask"></div>
    <div class="d_h_content">
      <div class="d_h_c_inner">
        <img src="images/darkbig.png" alt="darkbig.png"><br>
        <a class="d_towiki" href="javascript:;">进入Wiki</a><br>
        <i class="d_arrowDown"><i id="arrowDown">◇</i></i>
      </div>
    </div>
    <div class="d_topbar">
      <img src="images/darksmall.png" alt="darksmall.png"> 赞美太阳
      <a href="../../index.html">
        <img class="d_t_logo" src="images/gamecores.png" alt="gamecores.png">
      </a>
    </div>
  </div>
  <!-- dark_header E-->
  <!-- heading B -->
  <div class="dark_h1">
    <h1 class="heading">ARTICLE</h1>
  </div>
  <div class="dark_gift">
    <img class="d_g1 fl" src="images/downbg.jpg" alt="">
    <img class="d_g2 fr" src="images/gift.png" alt="">
  </div>
  <!-- heading E -->
  <!-- 游戏介绍 B -->
  <!-- <div class="dark_mid">
  <img src="images/bg-frame.png" alt=""> -->
  <!-- 轮播图 E -->
  <div class="waterF">
    <div id="main">
      <div class="pin">
        <div class="box">
          <img src="./images/1.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/2.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/3.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/4.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/5.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/6.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/7.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/8.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/9.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/10.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/11.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/12.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/13.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/14.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/15.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/16.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/17.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/18.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/19.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/20.jpg" />
        </div>
      </div>
      <div class="pin">
        <div class="box">
          <img src="./images/21.jpg" />
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="./js/waterfall.js"></script>
<div style="clear:both;"></div>



  <!-- foot B -->
  <img class="footer_img" src="./footerImg/bg.png" alt="">
  <div class="footer">
    <div class="f_contact">
      <a href="javascript:;" target="_blank">CONTACT US | 联系我们</a>
    </div>
    <div class="f_info">
      <img class="f_i_top" src="./footerImg/footer_top.jpg" alt="">
      <div class="f_i_logos">
        <img src="./footerImg/gadio-01.png" alt="">
        <img src="./footerImg/gadiopro.png" alt="">
        <img src="./footerImg/music.png" alt="">
        <img src="./footerImg/1up.png" alt="">
        <img src="./footerImg/docu.png" alt="">
        <img src="./footerImg/special.png" alt="">
      </div>
      <div class="f_i_follow">
        <h4>Follow us</h4>
      </div>
      <p>
        All Rights Reserved 2009-2015 GAMECORES - Terms & Conditions 闽ICP备11023385号-1
      </p>
    </div>
  </div>
  <!-- foot E -->



  <!-- 返回头部 B-->
  <a href="javascript:;" class="dark_totop">
    <!-- <img src="images/darktotop1.png" class="dTop"><br> -->
    <img src="images/darktotop.png" alt="darktotop">
  </a>
  <!-- 返回头部 E-->
  <script src="js/dark.js"></script>
</body>

</html>